﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
    <title>鱼收藏</title>
    <meta name="keywords" content="鱼收藏,在线收藏夹"/>
    <meta name="description" content="鱼收藏是一款在线网页收藏夹，可方便跨设备收藏分享喜爱的网页"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/bootstrap.min.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/style_da66be1.css}"/>
    <script type="text/javascript" th:src="@{/js/jquery.min.js}"></script>
    <script type="text/javascript" th:inline="javascript">
        $(function () {
            var user = [[${session.user}]];
            var contextPath = "/cloud-favorite";
            if (user == null || user == "") {
                $("#login").attr("href", contextPath+"/login/view").text("登录");
                $("#bigBegin").attr("href", contextPath+"/login/view");
            } else {
                $("#login").attr("href", contextPath+"/main").text("开始收藏");
                $("#bigBegin").attr("href", contextPath+"/main");
            }

            $("#login,#bigBegin").click(function (e) {
                location.href = contextPath+"/login/view";
            });
        });
    </script>
</head>
<body>
<header class="navbar navbar-fixed-top" id="top">
    <div class="container">
        <div class="navbar-logo">
            <a th:href="@{/}" class="navbar-brand" style="width: 300px">鱼收藏</a>
        </div>
        <nav id="mainnav">
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <button id="login" target="_blank" class="btn btn-success" href="#">登录</button>
                </li>
            </ul>
        </nav>
    </div>
</header>

<div id="carousel" class="carousel slide carousel-fade" data-ride="carousel">
    <div class="carousel-inner">
        <div class="active item"></div>
        <div class="item"></div>
    </div>
    <div class="carousel-content">
        <p class="name">随时随地，轻松收藏</p>
        <p class="slogan">轻松点击，即可跨设备存储收藏数据<br/>鱼收藏助您乐享智能生活</p>
        <p class="download">
            <button target="_blank" id="bigBegin" href="#" class="btn btn-success btn-lg" style="width:220px">开始收藏</button>
        </p>
    </div>
    <div class="carousel-wave"></div>
    <div class="carousel-wave2"></div>
</div>

<div class="container marketing">
    <div class="row featurette">
        <div class="col-md-5 col-md-offset-1">
            <h2 class="featurette-heading">分享收藏，<span class="text-muted">和好友分享喜悦</span></h2>
            <p class="lead">公开收藏内容，让更多的人了解自己</p>
        </div>
        <div class="col-md-6">
            <img class="featurette-image img-responsive center-block" th:src="@{/picture/01_a769a4e.png}"
                 alt="记录无限可能，语音、图片拍照等格式">
        </div>
    </div>

    <div class="row featurette">
        <div class="col-md-5 col-md-push-6">
            <h2 class="featurette-heading">关注收藏圈动态，<span class="text-muted"></span>紧跟时尚潮流</h2>
            <p class="lead">看看圈子里大神都在关注什么</p>
        </div>
        <div class="col-md-6 col-md-offset-1 col-md-pull-6">
            <img class="featurette-image img-responsive center-block" th:src="@{/picture/02_ff82785.png}"
                 alt="不仅仅是记录，还有智能提醒">
        </div>
    </div>

    <div class="row featurette">
        <div class="col-md-5 col-md-offset-1">
            <h2 class="featurette-heading">导入导出收藏数据</h2>
            <p class="lead">方便导入导出收藏数据，让分析更简单</p>
        </div>
        <div class="col-md-6">
            <img class="featurette-image img-responsive center-block" th:src="@{/picture/03_ca4d18c.png}" alt="多端查看编辑">
        </div>
    </div>

</div>
<footer class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <p class="footer-link">
                    <span><a href="#">服务条款</a></span> |
                    <span><a href="#">联系我们</a></span>
                </p>
            </div>
            <div class="col-md-6 text-right">
                <p class="footer-copyright">© 2018 yu 保留一切权利<br/>ICP证XXXXXXXXXXXXXXXXXX号</p>
            </div>
        </div>
    </div>
</footer>
<div class="gotop"><span class="qrcode"></span><a class="anchor" href="javascript:void(0);"></a></div>
</body>
</html>